<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>mi</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/mi.css">
    <link rel="stylesheet" href="../../../iconfont/iconfont.css">
    <link rel="stylesheet" href="../../../demo/swiper/swiper-bundle.min.css">
</head>

<body>
    <!-- 侧边栏 -->
    <div class="home-bar">
        <a href="#"> <span class="iconfont icon-gouwuchekong"></span><span>购物车</span></a>
        <a href="#"> <span class="iconfont icon-gouwuchekong"></span><span>购物车</span></a>
        <a href="#"> <span class="iconfont icon-gouwuchekong"></span><span>购物车</span></a>
        <a href="#"> <span class="iconfont icon-gouwuchekong"></span><span>购物车</span></a>
        <a href="#"> <span class="iconfont icon-gouwuchekong"></span><span>购物车</span></a>
    </div>
    <!-- 顶部导航条 -->
    <div class="navigation">
        <div class="navigation-in">
            <div class="navigation-in-l lf">
                <a href="#">小米官网</a>
                <span>|</span>
                <a href="#">小米商城</a>
                <span>|</span>
                <a href="#">小米澎湃OS</a>
                <span>|</span>
                <a href="#">小米汽车</a>
                <span>|</span>
                <a href="#">云服务</a>
                <span>|</span>
                <a href="#">loT</a>
                <span>|</span>
                <a href="#">有品</a>
                <span>|</span>
                <a href="#">小爱开放平台</a>
                <span>|</span>
                <a href="#">资质证照</a>
                <span>|</span>
                <a href="#">协议规则</a>
                <span>|</span>
                <a href="#">下载app</a>
                <span>|</span>
                <a href="#">Sekect Location</a>
            </div>
            <div class="navigation-in-r rf">
                <a href="#">登录</a>
                <span>|</span>
                <a href="">注册</a>
                <span>|</span>
                <a href="">消息通知</a>
                <div class="shopcar rf">
                    <a href="#">
                        <span class="iconfont icon-gouwuchekong"></span>
                        购物车
                        <span>(0)</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- container -->
    <div class="container-outer">
        <div class="container-in">
            <div class="logo">
                <a href="">
                    <img src="../img/logo.png" alt="">
                </a>
            </div>
            <a href="#">Xiaomi手机</a>
            <a href="#">Redmi手机</a>
            <a href="#">电视</a>
            <a href="#">笔记本</a>
            <a href="#">平板</a>
            <a href="#">家电</a>
            <a href="#">路由器</a>
            <a href="#">服务中心</a>
            <a href="#">社区</a>
            <input type="text" class="sousuokuang" placeholder="热水器">
            <div class="sousuoimg">
                <a href="">
                    <span class="iconfont icon-sousuo"></span>
                </a>
            </div>
        </div>
    </div>
    <!-- content -->
    <div class="content-in">
        <div class="content-l">
            <a href="">手机<span class="iconfont icon-cz_mtiIcon-caozuo-you rf"></span></a>
            <a href="">电视<span class="iconfont icon-cz_mtiIcon-caozuo-you rf"></span></a>
            <a href="">家电<span class="iconfont icon-cz_mtiIcon-caozuo-you rf"></span></a>
            <a href="">笔记本 平板<span class="iconfont icon-cz_mtiIcon-caozuo-you rf"></span></a>
            <a href="">出行 穿戴<span class="iconfont icon-cz_mtiIcon-caozuo-you rf"></span></a>
            <a href="">耳机 音箱<span class="iconfont icon-cz_mtiIcon-caozuo-you rf"></span></a>
            <a href="">健康 儿童<span class="iconfont icon-cz_mtiIcon-caozuo-you rf"></span></a>
            <a href="">生活 箱包<span class="iconfont icon-cz_mtiIcon-caozuo-you rf"></span></a>
            <a href="">智能 路由器<span class="iconfont icon-cz_mtiIcon-caozuo-you rf"></span></a>
            <a href="">电源 配件<span class="iconfont icon-cz_mtiIcon-caozuo-you rf"></span></a>
        </div>
        <div class="content-r">
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-img1"></div>
                    <div class="swiper-slide swiper-img2"></div>
                    <div class="swiper-slide swiper-img3"></div>
                    <div class="swiper-slide swiper-img4"></div>
                    <div class="swiper-slide swiper-img5"></div>
                    <div class="swiper-slide swiper-img6"></div>
                    <div class="swiper-slide swiper-img7"></div>
                    <div class="swiper-slide swiper-img8"></div>
                    <div class="swiper-slide swiper-img9"></div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
    </div>
    <!-- hero -->
    <div class="hero-in">
        <div class="hero-1">
            <ul>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">保障服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">保障服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">保障服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">保障服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">保障服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                            alt="">保障服务
                    </a>
                </li>
            </ul>
        </div>
        <div class="hero-2">
            <a href="">
                <img src="../img/img2.png" alt="">
            </a>
        </div>
        <div class="hero-2">
            <a href="">
                <img src="../img/img2.png" alt="">
            </a>
        </div>
        <div class="hero-2">
            <a href="">
                <img src="../img/img2.png" alt="">
            </a>
        </div>
    </div>
    <!-- img3 -->
    <div class="img3div">
        <a href="">
            <img src="../img/img3.png" alt="" class="img3">
        </a>

    </div>
    <!-- shop -->
    <div class="shop-in cf">
        <h2 class="shop-title">
            手机
            <a href="#" class="shop-title-a">查看更多<span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span></a>
        </h2>
        <div class="shop-in-l lf">
            <a href="">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/dcf9ed8c01a7c3d0bf3ecbca3f22537c.png?thumb=1&w=293&h=768&f=webp&q=90"
                    alt="">
            </a>
        </div>
        <div class="shop-in-r">
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
        </div>
    </div>
    <div class="shop-in cf">
        <h2 class="shop-title">
            手机
            <a href="#" class="shop-title-a">查看更多<span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span></a>
        </h2>
        <div class="shop-in-l lf">
            <a href="">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/dcf9ed8c01a7c3d0bf3ecbca3f22537c.png?thumb=1&w=293&h=768&f=webp&q=90"
                    alt="">
            </a>
        </div>
        <div class="shop-in-r">
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div aaa1">
                <div class="shoppp">
                    <div class="shop-in-r-div-div2 ccc1">
                        <a href="">
                            <div>
                                浏览更多
                                <span>耳机</span>
                            </div>
                            <span class="iconfont icon-gouwuchekong"></span>
                        </a>

                    </div>
                    <div class="shop-in-r-div-div2">
                        <a href="">
                            <div>
                                浏览更多
                                <span>耳机</span>
                            </div>
                            <span class="iconfont icon-gouwuchekong"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="shop-in cf">
        <h2 class="shop-title">
            手机
            <a href="#" class="shop-title-a">查看更多<span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span></a>
        </h2>
        <div class="shop-in-l lf">
            <a href="">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/dcf9ed8c01a7c3d0bf3ecbca3f22537c.png?thumb=1&w=293&h=768&f=webp&q=90"
                    alt="">
            </a>
        </div>
        <div class="shop-in-r">
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div aaa1">
                <div class="shoppp">
                    <div class="shop-in-r-div-div2 ccc1">
                        <a href="">
                            <div>
                                浏览更多
                                <span>耳机</span>
                            </div>
                            <span class="iconfont icon-gouwuchekong"></span>
                        </a>

                    </div>
                    <div class="shop-in-r-div-div2">
                        <a href="">
                            <div>
                                浏览更多
                                <span>耳机</span>
                            </div>
                            <span class="iconfont icon-gouwuchekong"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="shop-in cf">
        <h2 class="shop-title">
            手机
            <a href="#" class="shop-title-a">查看更多<span class="iconfont icon-mtiIcon-caozuo-xiangyou2"></span></a>
        </h2>
        <div class="shop-in-l lf">
            <a href="">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/dcf9ed8c01a7c3d0bf3ecbca3f22537c.png?thumb=1&w=293&h=768&f=webp&q=90"
                    alt="">
            </a>
        </div>
        <div class="shop-in-r">
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div">
                <a href="">
                    <div>
                        <img src="../img/img4.png" alt="" class="shop-in-r-img">
                    </div>
                    <h3>Redmi K70 至尊版</h3>
                    <p class="fon">性能魔王 全面进化</p>
                    <p class="h3p">
                        <span>2599</span>
                        元
                        <span>起</span>
                    </p>
                </a>
            </div>
            <div class="shop-in-r-div aaa1">
                <div class="shoppp">
                    <div class="shop-in-r-div-div2 ccc1">
                        <a href="">
                            <div>
                                浏览更多
                                <span>耳机</span>
                            </div>
                            <span class="iconfont icon-gouwuchekong"></span>
                        </a>

                    </div>
                    <div class="shop-in-r-div-div2">
                        <a href="">
                            <div>
                                浏览更多
                                <span>耳机</span>
                            </div>
                            <span class="iconfont icon-gouwuchekong"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- img3 -->
    <div class="img3div">
        <a href="">
            <img src="../img/img3.png" alt="" class="img3">
        </a>
    </div>
    <!-- down -->
    <div class="down-in">
        <ul>
            <li> <a href="#">
                    <span class="iconfont icon-gouwuchekong"></span>
                    预约维修服务
                </a></li>
            <li> <a href="#">
                    <span class="iconfont icon-gouwuchekong"></span>
                    预约维修服务
                </a></li>
            <li> <a href="#">
                    <span class="iconfont icon-gouwuchekong"></span>
                    预约维修服务
                </a></li>
            <li> <a href="#">
                    <span class="iconfont icon-gouwuchekong"></span>
                    预约维修服务
                </a></li>
            <li> <a href="#">
                    <span class="iconfont icon-gouwuchekong"></span>
                    预约维修服务
                </a></li>
        </ul>
    </div>
    <!-- footer -->
    <div class="footer-in">
        <div class="footer-l">
            <div class="footer-div1">
                <p>选购指南</p>
                <ul>
                    <li><a href="#">手机</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">笔记本</a></li>
                    <li><a href="#">平板</a></li>
                    <li><a href="#">穿戴</a></li>
                    <li><a href="#">耳机</a></li>
                    <li><a href="#">家电</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">音箱</a></li>
                    <li><a href="#">配件</a></li>
                </ul>
            </div>
            <div>
                <p>服务中心</p>
                <ul>
                    <li><a href="#">申请售后</a></li>
                    <li><a href="#">售后政策</a></li>
                    <li><a href="#">维修服务价格</a></li>
                    <li><a href="#">订单查询</a></li>
                    <li><a href="#">以旧换新</a></li>
                    <li><a href="#">保障服务</a></li>
                    <li><a href="#">防伪查询</a></li>
                    <li><a href="#">F码通道</a></li>
                </ul>
            </div>
            <div>
                <p>线下门店</p>
                <ul>
                    <li><a href="#">小米之家</a></li>
                    <li><a href="#">服务网点</a></li>
                    <li><a href="#">授权体验店/专区</a></li>
                </ul>
            </div>
            <div>
                <p>关于小米</p>
                <ul>
                    <li><a href="#">了解小米</a></li>
                    <li><a href="#">加入小米</a></li>
                    <li><a href="#">投资者关系</a></li>
                    <li><a href="#">可持续发展</a></li>
                    <li><a href="#">廉洁举报</a></li>
                </ul>
            </div>
            <div>
                <p>关注我们</p>
                <ul>
                    <li><a href="#">新浪微博</a></li>
                    <li><a href="#">官方微信</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">公益基金会</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-r">
            <div class="footer-r-up">
                <p class="footer-p1">400-100-5678</p>
                <p class="footer-p2">8:00-18:00（仅收市话费）</p>
                <a href="#">
                    <span class="iconfont icon-gouwuchekong"></span>
                    人工客服</a>
            </div>
            <div class="footer-r-up footer-r-down">
                <p class="footer-p1">400-180-8888</p>
                <p class="footer-p2">8:00-18:00（仅收市话费）</p>
                <p class="footer-p2">适用于：MIX FOLD、巨屏电视系列</p>
                <a href="#">
                    <span class="iconfont icon-gouwuchekong"></span>
                    人工客服</a>
            </div>
        </div>
    </div>
    <!-- copy -->
    <div class="copy-in">
        <div class="copy-logo"><img src="../img/logo.png" alt=""></div>
        <div class="copy-content">
            <div class="copy-content-up">
                <a href="">小米商城</a><span>|</span>
                <a href="">小米澎湃OS</a><span>|</span>
                <a href="">米家</a><span>|</span>
                <a href="">米聊</a><span>|</span>
                <a href="">多看</a><span>|</span>
                <a href="">游戏</a><span>|</span>
                <a href="">音乐</a><span>|</span>
                <a href="">政企服务</a><span>|</span>
                <a href="">小米天猫店</a><span>|</span>
                <a href="">小米集团隐私政策</a><span>|</span>
                <a href="">小米公司儿童信息保护规则</a><span>|</span>
                <a href="">小米商城隐私政策</a><span>|</span>
                <a href="">小米商城用户协议</a><span>|</span>
                <a href="">问题反馈</a><span>|</span>
                <a href="">Select Location</a>
                <a href="">北京互联网法院法律服务工作站</a><span>|</span>
                <a href="">中国消费者协会 </a><span>|</span>
                <a href="">北京市消费者协会</a>
            </div>
            <div class="copy-content-down">
                <div class="copy-content-a1">
                    <a href="#">© mi.com</a>
                    <span>京ICP证110507号</span>
                    <a href="#">京ICP备10046444号</a>
                    <a href="#">京公网安备11010802020134号</a>
                    <a href="#">京网文[2023]0169-004号</a>
                </div>
                <div class="copy-content-a2">
                    <a href="#">（京）网械平台备字（2018）第00005号</a>
                    <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                    <a href="#">营业执照</a>
                    <a href="#">医疗器械质量公告</a>
                </div>
                <div class="copy-content-a3">
                    <a href="#">增值电信业务经营许可证编号：京B2-20180851</a>
                    <span>网络食品经营备案</span>
                    <span>京食药网食备202010048</span>
                    <a href="#">食品经营许可证</a>
                    <span>新出发京批字第直220280号</span>
                </div>
                <div class="copy-content-a4">
                    <span>违法和不良信息举报电话：171-5104-4404 </span>
                    <a href="#">知识产权侵权投诉</a>
                    <span>本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</span>
                </div>
                <div class="copy-content-img">
                    <a href="#"> <img src="../img/img5.png" alt=""></a>
                    <a href="#"> <img src="../img/img6.png" alt=""></a>
                    <a href="#"> <img src="../img/img5.png" alt=""></a>
                    <a href="#"> <img src="../img/img6.png" alt=""></a>
                </div>
            </div>
        </div>
    </div>
    <!-- 让全球每个人都能享受科技带来的美好生活 -->
    <div class="keji"></div>

    <script src="../../../demo/swiper/swiper-bundle.min.js"></script>
    <script src="../js/mi.js"></script>
</body>

</html>